<!-- fullPage.vue -->
<script setup lang="ts">
import { useTheme } from '@/hooks/useTheme'
// import WdConfigProvider from '@/uni-modules/wot-design-uni/components/wd-config-provider/wd-config-provider.vue'

const { theme, themeVars } = useTheme()
</script>

<template>
  <wd-config-provider :theme="theme" :theme-vars="themeVars">
    <div class="min-h-100vh flex-col-center">
      <div class="h-30vh w-100vw flex items-center justify-center bg-#f1bbba">我是页头</div>
      <slot />
      <div class="h-30vh w-100vw flex items-center justify-center bg-#f8ecc9">我是页尾</div>
    </div>
  </wd-config-provider>
</template>
